<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>房屋详情</title>

    <link rel="stylesheet" type="text/css" href="css/global.css" media="all">
    <!-- 网站ico图标 -->
    <link href="https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/favicon.ico?_v=20220908152455b3e" type="image/x-icon" rel="icon">
    <!-- 是否需要加载common.css -->
    <link rel="stylesheet" href="css/detail.css">
    <!-- 载入后台返回的css文件 -->
    <link rel="stylesheet" href="css/detail1.css">

    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../layui-v2.6.8/layui/css/layui.css">

    <script src="../layui-v2.6.8/layui/layui.js"></script>
    <script src="../jquery/jquery.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    
    <link rel="stylesheet" href="css/bottom-cav.css">
    <style>
        .log_buttom {
            background-color: #21373d;
        }
        .cen-nav{
            margin-left: 40px;
            float: left;
           
        }
        .top-nav{
            height: 60px;
            width: 100%;
            background-color: #393D49;
        }
        a{text-decoration: none;}
        .pos{
            float: left;
            margin-top: 18px;
            margin-left: 150px;
            
        }
        .log-register{
            float: right;
            margin-right: 300px;
            margin-top: 18px;
            color: rgba(255,255,255,.7);
            display: none;
        }
        .log-register span a{
            color: rgba(255,255,255,.7);
            text-decoration: none;
        }
        .log-register span a:hover{
            color: white;
        }
        .center-content{
          
            
            width: 1250px;
            margin-left: 150px;
            
        }
        .top-seach{
            height: 80px;
            background-color: rgb(245, 245, 246);
        }
        .seach{
            width: 600px;
            margin-left: 150px;
            margin-top: 10px;
        }

        .rent-type{
            margin-left: 150px;
            height: 25px;
            margin-top: 15px;
            
        }
        .rent-type a{
            color: rgb(146, 146, 146);
        }
        .class-area span{
            margin-right: 15px;
        }
        .class-area span a{
            text-decoration: none;
            color: #101d37;
            
        }
        .class-area span a:hover{
            color: blue;
        }
        .class-area{
            width: 100%;
            height: 30px;
            margin-bottom: 5px;
        }   
        .house-sort-type div{
            border-right: 1px solid rgb(237, 237, 237);
            width: 85px;
            float: left;
            height: 53px;
            padding: 15px;
            margin-top: -18px;
        }
        #house-count{
            border: none;
            width: 300px;
            font-weight: bold;
            font-size: 18px;
            margin-left: 50px;
        }
        .house-data{
            margin-left: 150px;
            width: 1250px;
            margin-top: 20px;
        }
        .bottom-house-info-left{
            width: 900px;
     
            float: left;
            background-color: white;
        }
        .bottom-house-info-right{
            width: 250px;
            float: right;   
            background-color: white;
        }
        .bottom-house-info{
            margin-left: -20px;
            border: 1px solid blue;
       
        }
        .house-info{
            float: left;
            margin-bottom: 20px;
            margin-left: 20px;
        }
        .house-info-right{
            
            float: left;
            margin-left: 30px;
           
        }
        .house-info-right div{
            margin-top: 15px;
            color: #849aae;
        }
        .house-info-right div span{
            background-color:rgba(83, 92, 102, 0.1) ;
            padding: 5px;
        }
        .house-info img{
            border-radius: 10px;
        }
        .Pagination{
            float: left;
            margin-top: 20px;
            margin-left: 300px;
        }

      .article-container{
          background-color: #ffffff;
          padding-top:20px;
          width:1024px;
          margin:20px auto;
        }
        
        .article_r{
          padding-top:10px;
          float:right;
        }
        .pulisher,.time,.article_view,.article_comments,.article_del{
          clear:both;
          margin-right:25px;
          font-size: 15px;
        }
        .title{
          font-weight:bold;
          font-size: 30px;
          text-align: center;
        }
        .article_content{
          background: #ffffff;
          clear:both;
          padding:1em 4em;
          margin-top: 40px;
        }
        p{
          text-indent: 2em;
          text-overflow: hidden;
          font-size:18px;
        }
        
        /*话题内容图片*/
        .ImgContent{  
          width:350px;
          margin:0px auto;  
          padding: 5px;  
          overflow:hidden;  
          
      }  
       
      .NavLinks{  
          padding:5px;  
          width:100px;
          height: 100px;
          float: left;  
          overflow: hidden;     
      } 
       
      .NavLinks img{  
          width: 100%;  
          height: 100%;  
      }   
      .hitShowPic {
      width:350px;
      clear:both;
      margin-left:430px;
      }
      .hitShowPic span {
        font-size: 15px;
        text-align: center;
      }
          /*以下评论的css*/
         .show_reply_list {
          margin-right:1em;
           color: grey;
         }
          .comment_list {
          background-color: #ffffff;
          padding-top:5px;
          width:900px;
          margin:0 auto;
        }
          .comment {
            width:900px;
            margin-top:10px;
          }
          .comment_details {
            float:right;
          }
          .comment_content {
            clear:both;
            margin:5px 50px;
            font-size:16px;
          }
        .comment_add_or_last {
          
          margin:0 auto;
          clear: both;
          width:600px;
          height:50px;
          background: #F0F0F0;
          text-align: center;
          font-size:20px;
           line-height: 40px;   /*行高（与div保持同高，垂直居中写法）*/
           margin-bottom: 40px;
        }
        .imgdiv{
             width:80px;
             height:70px;
            float:left;
       
        }
        .imgcss {
          width:60px;
          height:60px;
          border-radius: 50%;
        }
        .comment_name { 
          margin-left:10px;
          color:#3D9EEA;
          font-size:16px;
          font-weight: bolder;
        }
        .layui-icon {
          font-size: 13px; 
          color: grey;
        }
        .del {
          float:right;
        
        }
        .del_comment {
           margin-right:50px;
        }
       
       
       
        .reply_list {
          clear:both;
          display:none;
          width:900px;
        
          padding-right:15px;
          margin-top:10px;
            font-size:16px;
          
        }
        .reply {
          clear:both;
          width:700px;
          margin:4px auto;
         
        }
        .reply_name {
          color:#3D9EEA;
        }
        .del_reply {
            float:right;
        }
        .show_remain_reply {
           width:600px;
           height:40px;
           text-align:center;font-size:18px; 
           background-color: #F0F0F0;
           margin:0 auto;
           line-height: 40px;
           display:none;
        }
        #top-username{
            float: left;
            margin-top: 27px;
            
            font-weight: bold;
            font-size: 16px;
       }
       #top-exit{
            float: left;
            margin-top: 27px;
            margin-left: 10px;
            
            font-weight: bold;
            font-size: 16px;
       }

       
      </style>
</head>
<body >

    <div class="top-nav">
        <div class="pos">
            <a href="search.html">
                <span class="glyphicon glyphicon-map-marker" style="font-weight: bold;color: rgba(255,255,255,.7) ;">&nbsp;吴中区</span>
            </a>
        </div> 
        <div class = "cen-nav" id = 'cen-nav'> 
              <ul class="layui-nav" style="font-weight:bolder;">
                
                <li class="layui-nav-item"><a href="../ych/frontpage.html">首页</a></li>
                
                <li class="layui-nav-item"><a href="../ych/Classification.html">立即找房</a></li>
                <li class="layui-nav-item"><a href="../ych/Classification.html?hire=0">合租</a></li>
                <li class="layui-nav-item"><a href="../ych/Classification.html?hire=1">整租</a></li>
                <li class="layui-nav-item"><a >经纪人登录</a></li>
                <li class="layui-nav-item"><a href="javascript:void(0)" onclick="release()">发布房源</a></li>
              </ul>
        </div>
        <div class="log-register" id="log-register">

            <span><a href="../ych/logpage.html">登录</a></span>
            <span>|</span>
            <span><a href="../ych/registerpage.html">注册</a></span>
        </div>
        <div id="username-pic" style="float: right;margin-right: 150px;display: none;">
          <img src="image/picwish.png" alt="" width="60px" height="60px" style="border-radius: 50px;float: left;">
          <div id = "top-username">
              <a href="personal.html"  style="color: rgba(255,255,255,.7);" id="husername"><span>余春海</span></a>
          </div>
          <div id="top-exit"><a href="javascript:void(0)" onclick="top_exit()" style="color: rgba(255,255,255,.7);"><span>退出</span></a></div>
      </div>

    </div>

    <div class="wrapper">
        <div>
            <div class="search__area">
                <div class="beike__nav">

                    <img src="images/logo.png" height="140px" style="float: left;">

                   
                        </div>
                        <div class="search w1150" id="search">
                            <!-- <a class="search__logo" href="/"></a> -->
                            <div class="search__wrap" style="position: relative;">
                                <input class="search__input fl" type="text" data-el="input" placeholder="请输入区域、商圈或小区名开始找房" autocomplete="off" value="" data-value="">
                                <span class="search__button fl" data-el="button" data-event_id="10800" data-event_send="no"></span>
                                <div class="sug-search" style="display: none;"></div>
                            </div>
                        </div>
                    </div>
                    <!-- 房源有效时 -->

                    <div class="content clear w1150" >
                        <!-- 房源标题 -->
                        <p class="content__title" id="house_title">                 

                    
                            整租·紫金奥邻花园 2室2厅 南/北
                        </p>
                        <!-- 房源副标题 -->
                        <div class="content__subtitle">
                            房源维护时间：2022-09-16          <!-- 发布人、发布机构入口 -->
                            <div id="" class="ke-agent-sj-sdk component-agent-id-100001604 " data-medium-id="100000036" data-house-code="103120800447" data-id="103120800447" data-resblock-id="8737127774421982" data-bizcircle-id="" data-station-id="" data-hdic-city-id="320300" data-title="" data-type="house" data-appoint-uc-id="1000001009531400">
                            
                                <ul data-el="dutyEl">
                                    <li style="margin-right: 0">
                                        <div class="duty-pop">
                                            <img data-el="dutyPic" src="">

                                            <p class="duty-pop_title"></p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <span class="tel_complaint" style="margin-right: 6px;">苏乐居官方投诉电话：10106188</span>
                            <br>
                        </div>

                    
                        <div class="content__core">
                            <!-- 房源图片轮播图 -->
                            <div class="content__article__slide" id="mySwipe" style="visibility: visible;">
                              <div>
                              
                              <div class="layui-carousel" id="test10">
                                <div carousel-item="">
                                  <div><img id="img1" src="../All-Image/house_pic/house_pic4.png"
                                     ></div>
                                  <div><img  id="img2" src="../All-Image/house_pic/house_pic4.png"
                                    ></div>
                                  <div><img src="../All-Image/house_pic/house_pic3.png"
                                     id="img3" ></div>
                                  <div><img src="../All-Image/house_pic/house_pic4.png"
                                     id="img4" ></div>
                                  <div><img src="../All-Image/house_pic/house_pic5.png"
                                     id="img5" ></div>
                                 
                                </div>
                              </div>
                              </div>
                              
                           </div>
                            <script>
                              layui.use(['carousel', 'form'], function () {
                                var carousel = layui.carousel
                                  , form = layui.form;

                                //常规轮播
                                carousel.render({
                                  elem: '#test1'
                                  , arrow: 'always'
                                });

                                //改变下时间间隔、动画类型、高度
                                carousel.render({
                                  elem: '#test2'
                                  , interval: 1800
                                  , anim: 'fade'
                                  , height: '120px'
                                });

                                //设定各种参数
                                var ins3 = carousel.render({
                                  elem: '#test3'
                                });
                                //图片轮播
                                carousel.render({
                                  elem: '#test10'
                                  , width: '778px'
                                  , height: '440px'
                                  , interval: 5000
                                });

                                //事件
                                carousel.on('change(test4)', function (res) {
                                  console.log(res)
                                });

                                var $ = layui.$, active = {
                                  set: function (othis) {
                                    var THIS = 'layui-bg-normal'
                                      , key = othis.data('key')
                                      , options = {};

                                    othis.css('background-color', '#5FB878').siblings().removeAttr('style');
                                    options[key] = othis.data('value');
                                    ins3.reload(options);
                                  }
                                };

                                //监听开关
                                form.on('switch(autoplay)', function () {
                                  ins3.reload({
                                    autoplay: this.checked
                                  });
                                });

                                $('.demoSet').on('keyup', function () {
                                  var value = this.value
                                    , options = {};
                                  if (!/^\d+$/.test(value)) return;

                                  options[this.name] = value;
                                  ins3.reload(options);
                                });

                                //其它示例
                                $('.demoTest .layui-btn').on('click', function () {
                                  var othis = $(this), type = othis.data('type');
                                  active[type] ? active[type].call(this, othis) : '';
                                });
                              });
                            </script>                        
                               
                
                <div class="content__aside fr" id="aside">
        
                  <!-- 租金及支付方式 -->
                  <div class="content__aside--title">
                    <span id="rentPrice">1700</span>元/月
                                <div class="operate-box">
                      <div class="operate-item share">
                        <span class="qrcode-h5" id="share" title="https://xz.zu.ke.com/zufang/XZ1643936525152419840.html"><canvas width="80" height="80" style="display: none;"></canvas>
                          <img src="" style="display: block;"></span>

                        
                      </div>    
                      <!-- 房源关注入口及hover浮层 -->
                      <div class="operate-item">
        
                        <span class="watch-btn" data-type="house" data-id="XZ1643936525152419840" data-el="checkWatch" data-event_id="10801" data-event_action="house_code=XZ1643936525152419840&amp;status=1">
                          
                        </span>
        
                      </div>
                    </div>
                  </div>
        
                  <!-- 房源标签列表 -->
                  <p class="content__aside--tags">
                                <img src="images/bkhf.png" alt="必看好房">

                                              <i class="content__item__tag--gov_certification" data-class="gov_certification">官方核验</i>
                                  <i class="content__item__tag--is_key" data-class="is_key">随时看房</i>
                              </p>
        
                  <!-- 房源户型、朝向、面积、租赁方式 -->
                  <ul class="content__aside__list">
                    <li><span class="label">租赁方式：</span><span id="rentType">合租</span></li>
                    <li><span class="label">房屋类型：</span><span class="" id="housetype"></span>㎡</li>
                    <li class="floor"><span class="label">朝向楼层：</span><span class="" id="direction">南/北 中楼层/18层</span>
                                  </li>
                    <li><span class="label">风险提示：</span><a href="https://m.ke.com/text/disclaimer">用户风险提示</a></li>
                  </ul>
        
                  <!-- 经纪人信息 -->
                  
        <div id="" class="ke-agent-sj-sdk component-agent-id-100000781 " data-medium-id="100000036" data-house-code="103120800447" data-id="103120800447" data-resblock-id="8737127774421982" data-bizcircle-id="" data-station-id="" data-hdic-city-id="320300" data-title="" data-type="house" data-appoint-uc-id="">
          	<div style="width: 0;height: 0;" class="ke-agent-data" data-agent="{&quot;agentDomain&quot;:&quot;OTHER&quot;,&quot;agentProofList&quot;:[{&quot;img&quot;:&quot;https://img.ljcdn.com/ehr-personnel/20210521193711461YXDSTTQW.jpg&quot;,&quot;creditEvaluate&quot;:&quot;&quot;,&quot;creditGradeUrl&quot;:&quot;&quot;,&quot;title&quot;:&quot;费率&quot;,&quot;type&quot;:-100,&quot;desc&quot;:&quot;&quot;,&quot;jumpQueryUrl&quot;:&quot;&quot;}],&quot;agentToken&quot;:&quot;1570947831636742144&quot;,&quot;allCustomerCount&quot;:99,&quot;allDealCount&quot;:10,&quot;allVisitCount&quot;:3,&quot;answerCount&quot;:0,&quot;avatar&quot;:&quot;https://img.ljcdn.com/usercenter/images/uc_ehr_avatar/8860fd84-bbde-4b71-bf48-ddcdaddadc40.jpg.480x640.jpg&quot;,&quot;brand&quot;:&quot;德佑&quot;,&quot;brandCode&quot;:&quot;3&quot;,&quot;commentCount&quot;:0,&quot;compFullName&quot;:&quot;徐州德佑&quot;,&quot;compName&quot;:&quot;徐州德佑&quot;,&quot;dianpuUrl&quot;:&quot;https://dianpu.ke.com/1000001009531400&quot;,&quot;digV&quot;:&quot;{\&quot;u\&quot;:1000001009531400,\&quot;v\&quot;:\&quot;V3\&quot;,\&quot;s\&quot;:\&quot;NATURAL\&quot;,\&quot;adId\&quot;:100000781,\&quot;flow\&quot;:\&quot;natural\&quot;,\&quot;b\&quot;:\&quot;DisplayVipRentDiamondBuilder\&quot;,\&quot;p\&quot;:\&quot;\&quot;,\&quot;g\&quot;:\&quot;\&quot;,\&quot;sid\&quot;:\&quot;1000001009531400_8737127774421982\&quot;,\&quot;rid\&quot;:\&quot;6283791326043874848\&quot;}&quot;,&quot;extAgentProofTitleMap&quot;:{&quot;creditGradeTitle&quot;:&quot;信用等级:&quot;,&quot;descTitle&quot;:&quot;证件说明:&quot;,&quot;creditScoreTitle&quot;:&quot;信用评分:&quot;,&quot;originUrlTitle&quot;:&quot;查看详情&quot;,&quot;noTitle&quot;:&quot;证件编号:&quot;},&quot;feedbackScore&quot;:5.0,&quot;flowType&quot;:&quot;natural&quot;,&quot;houseRole&quot;:&quot;showingAgent&quot;,&quot;imQualified&quot;:1,&quot;imRate&quot;:1.0,&quot;jobTitle&quot;:&quot;高级经纪人&quot;,&quot;keQuality&quot;:214,&quot;levelLabel&quot;:&quot;&quot;,&quot;levelLabelUrl&quot;:&quot;&quot;,&quot;majorBizcircle&quot;:&quot;&quot;,&quot;majorDistrict&quot;:&quot;&quot;,&quot;mobile&quot;:&quot;&quot;,&quot;mobileType&quot;:&quot;AGENT&quot;,&quot;name&quot;:&quot;李娜&quot;,&quot;nhProperty&quot;:{&quot;anchorProperty&quot;:{&quot;level&quot;:&quot;&quot;,&quot;name&quot;:&quot;&quot;},&quot;lastThirtyCust&quot;:20,&quot;lastThirtyVisit&quot;:12,&quot;allDealCount&quot;:2,&quot;nhKeQualityLevel&quot;:0,&quot;allVisitCount&quot;:25,&quot;nhExcellentAgentTag&quot;:0,&quot;nhKeQuality&quot;:0},&quot;officeAddress&quot;:&quot;320300&quot;,&quot;officeAddressName&quot;:&quot;徐州&quot;,&quot;orgProofList&quot;:[{&quot;img&quot;:&quot;https://img.ljcdn.com/ehr-personnel/20210521150241051QGIA6IUS.jpg&quot;,&quot;creditEvaluate&quot;:&quot;&quot;,&quot;title&quot;:&quot;营业执照&quot;,&quot;type&quot;:31,&quot;desc&quot;:&quot;企业信用信息查询网址：http://www.gsxt.gov.cn/index.html&quot;,&quot;jumpQueryUrl&quot;:&quot;&quot;}],&quot;phoneQualified&quot;:1,&quot;phoneRate&quot;:0.0,&quot;politicalCode&quot;:&quot;9&quot;,&quot;politicalName&quot;:&quot;&quot;,&quot;port&quot;:&quot;shangyehua_rent_house_info&quot;,&quot;positionCode&quot;:&quot;785&quot;,&quot;positionName&quot;:&quot;综合经纪人&quot;,&quot;primaryProof&quot;:{&quot;img&quot;:&quot;https://img.ljcdn.com/ehr-personnel/20210521150241051QGIA6IUS.jpg&quot;,&quot;creditEvaluate&quot;:&quot;&quot;,&quot;title&quot;:&quot;营业执照&quot;,&quot;type&quot;:31,&quot;desc&quot;:&quot;企业信用信息查询网址：http://www.gsxt.gov.cn/index.html&quot;,&quot;jumpQueryUrl&quot;:&quot;&quot;},&quot;proofComplete&quot;:false,&quot;proofListWithSort&quot;:[{&quot;$ref&quot;:&quot;$.agentProofList[0]&quot;},{&quot;$ref&quot;:&quot;$.orgProofList[0]&quot;}],&quot;qualityRank&quot;:1,&quot;reason&quot;:&quot;响应快速，擅长把握用户需求&quot;,&quot;rentProperty&quot;:{&quot;allDealCount&quot;:50,&quot;allVisitCount&quot;:5},&quot;resblockId&quot;:&quot;8737127774421982&quot;,&quot;responseRate&quot;:1.0,&quot;school&quot;:&quot;&quot;,&quot;sellProperty&quot;:{&quot;anchorProperty&quot;:{},&quot;allDealCount&quot;:10,&quot;allVisitCount&quot;:3},&quot;seniority&quot;:&quot;1年以内&quot;,&quot;shopCode&quot;:&quot;XZ_14_262841&quot;,&quot;shopName&quot;:&quot;紫金奥邻花园南门店-A店&quot;,&quot;showingCount&quot;:0,&quot;source&quot;:&quot;NATURAL&quot;,&quot;specialtyList&quot;:[&quot;贝壳分中等&quot;],&quot;ucId&quot;:&quot;1000001009531400&quot;,&quot;usefulAnswerCount&quot;:0,&quot;usefulCount&quot;:0,&quot;userCode&quot;:&quot;1009531400&quot;,&quot;vipLevel&quot;:21}"></div>
            <div class="content__aside__list house-detail">
                    <span class="content__aside__list--icon" id="brokerpic" style="background-image: url(https://img.ljcdn.com/usercenter/images/uc_ehr_avatar/8860fd84-bbde-4b71-bf48-ddcdaddadc40.jpg.480x640.jpg);"></span>
                <div class="content__aside__list--title oneline">
                    <span class="contact_name" id="brokername" title="李娜">李娜</span>
                </div>
                <div class="content__aside__list--subtitle">
                    经纪人
                </div>
                <div class="phone__hover--wrapper">
                  <div id="layerDemo" style="margin-bottom: 0;width:160px;height: 50px;float: left;margin-right: 20px;">
                    <div class="layui-btn-container">
                        <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal" style="background-color: #3072f6;margin-bottom: 0;width:160px;height: 50px;">预约看房</button>
                    </div>
                  </div>
                  <button id = "collection" type="button" class="layui-btn layui-btn-normal" style="height: 50px;width:160px;background-color: #3072f6;" onclick="collect_house()">收藏房源</button>
                </div>
            </div>
        </div>
                 
                </div>
              </div>
        
              <div class="content__detail">
                <div id="baseInfo" style="height: 1px;margin: 0; padding:0; background: transparent"></div>
                <!-- 房源左侧内容 -->
                <div class="content__article fl">
                  <div class="report__house">
                    <img src="../All-Image/house_device/icon1.png">
                    <a href="https://xz.zu.ke.com/truehouse/content" target="_blank">真实存在，真实在租，真实价格，假一赔百<i class="icon"></i></a>
                    <span class="content-right" data-el="showReportBox" data-event_id="10804" data-event_action="house_code=XZ1643936525152419840">我要举报</span>
                  </div>
                  <div class="guarantee__house">
                    <img class="guarantee-icon" src="../All-Image/house_device/guarantee-icon.png">
                    <span class="guarantee-title">免费领取安心租房宝典，手把手教你租好房</span>
                  </div>
 <!-- 房源基本信息 -->
                  <div class="content__article__info" id="info">
                    <h3 id="info">房屋信息</h3>
                    <ul>
                      <li class="fl oneline">基本信息</li>
                                      <li class="fl oneline">面积：<span id="squareMeter">100</span>.00㎡</li>
                                                      <li class="fl oneline">朝向：<span id="basedirection">南</span></li>
                                          <li class="fl oneline">&nbsp;</li>
                                                      <li class="fl oneline">维护：<span id="maintain">三天前</span></li>
                                                      <li class="fl oneline">入住：<span id="intoLive"></span></li>
                                          <li class="fl oneline">&nbsp;</li>
                                                      <li class="fl oneline">楼层：<span id="floor">低楼层</span></li>
                                                      <li class="fl oneline">电梯：<span id="elevator">有</span></li>
                                          <li class="fl oneline">&nbsp;</li>
                                                      <li class="fl oneline">车位：<span id="parkingSpace">有</span></li>
                                                      <li class="fl oneline">用水：<span id="useWater">民水</span></li>
                                          <li class="fl oneline">&nbsp;</li>
                                                      <li class="fl oneline">用电：<span id="useElectricity">民电</span></li>
                                                      <li class="fl oneline">燃气：<span id="gas">有</span></li>
                                          <li class="fl oneline">&nbsp;</li>
                                                      <li class="fl oneline">采暖：暂无数据</li>
                                                  </ul>
                    <ul>
                      <li class="fl oneline"></li>
                      <li class="fl oneline">租期：<sapn id="rentDate">三个月以上</sapn></li>
                      <li class="fl oneline">
                        
        <div id="" class="ke-agent-sj-sdk component-agent-id-100001510 " data-medium-id="100000036" data-house-code="103120800447" data-id="103120800447" data-resblock-id="8737127774421982" data-bizcircle-id="" data-station-id="" data-hdic-city-id="320300" data-title="请问最短可以租多久？" data-type="house" data-appoint-uc-id=""><span class="contact_im ke-agent-sj-im-100001510 ke-agent-sj-im-1000001009531400" data-digv="{&quot;u&quot;:1000001009531400,&quot;v&quot;:&quot;V3&quot;,&quot;s&quot;:&quot;NATURAL&quot;,&quot;adId&quot;:100001510,&quot;flow&quot;:&quot;natural&quot;,&quot;b&quot;:&quot;DisplayVipRentDiamondBuilder&quot;,&quot;p&quot;:&quot;&quot;,&quot;g&quot;:&quot;&quot;,&quot;sid&quot;:&quot;1000001009531400_8737127774421982&quot;,&quot;rid&quot;:&quot;6283791337552519649&quot;}" data-port="pc_lianjia_zufangplat_detail_house_date" data-position="seek_rent">咨询租期</span> </div>
                        &nbsp;
                      </li>
                      <li class="fl oneline"></li>
                      <li class="fl oneline">看房：<sapn id="lookHouse">随时看房</sapn></li>
                      <li class="fl oneline">
                        
        <div id="" class="ke-agent-sj-sdk component-agent-id-100001514 " data-medium-id="100000036" data-house-code="103120800447" data-id="103120800447" data-resblock-id="8737127774421982" data-bizcircle-id="" data-station-id="" data-hdic-city-id="320300" data-title="请问什么时间可以看房？" data-type="house" data-appoint-uc-id=""> <span class="contact_im ke-agent-sj-im-100001514 ke-agent-sj-im-1000001000384170" data-digv="{&quot;u&quot;:1000001000384170,&quot;v&quot;:&quot;V3&quot;,&quot;s&quot;:&quot;NATURAL&quot;,&quot;adId&quot;:100001514,&quot;flow&quot;:&quot;natural&quot;,&quot;b&quot;:&quot;DisplayVipRentDiamondBuilder&quot;,&quot;p&quot;:&quot;&quot;,&quot;g&quot;:&quot;&quot;,&quot;sid&quot;:&quot;1000001000384170_8737127774421982&quot;,&quot;rid&quot;:&quot;6283791337734521408&quot;}" data-port="pc_lianjia_zufangplat_detail_house_kangfang">咨询看房</span></div>
                      &nbsp;</li>
                    </ul>
                  </div>
        
                  <!-- 房源分割标识线，js里用到，勿删 -->
                  <div class="info__line line"></div>
        
   <!-- 配套设施列表 -->
                  <ul class="content__article__info2">
                    <li class="fl oneline">配套设施</li>
                                  <li class="fl oneline  ">
                        <i style="background-image: url(../All-Image/house_device/washmachine0.png);" id="device1"></i>
                        <span style="text-decoration: line-through;" id="textdevice1">洗衣机</span>             </li>
                                  <li class="fl oneline  ">
                        <i style="background-image: url(../All-Image/house_device/air-conditioning0.png);" id="device2"></i>
                        <span style="text-decoration: line-through;" id="textdevice2">空调</span>             </li>
                                  <li class="fl oneline  ">
                        <i style="background-image: url(../All-Image/house_device/armoire0.png);" id="device3"></i>
                        <span style="text-decoration: line-through;" id="textdevice3">衣柜</span>             </li>
                                  <li class="fl oneline  ">
                        <i style="background-image: url(../All-Image/house_device/television0.png);" id="device4"></i>
                        <span style="text-decoration: line-through;" id="textdevice4">电视</span>            </li>
                                  <li class="fl oneline  ">
                        <i style="background-image: url(../All-Image/house_device/fridge0.png);" id="device5"></i>
                         <span style="text-decoration: line-through;" id="textdevice5">冰箱</span>            </li>
                                  <li class="fl oneline  ">
                        <i style="background-image: url(../All-Image/house_device/water_heater0.png);" id="device6"></i>
                       <span style="text-decoration: line-through;" id="textdevice6">热水器</span>             </li>
                                  <li class="fl oneline  ">
                        <i style="background-image: url(../All-Image/house_device/bed0.png);" id="device7"></i>
                        <span style="text-decoration: line-through;" id="textdevice7">床</span>             </li>
                                  <li class="fl oneline  ">
                        <i style="background-image: url(../All-Image/house_device/heating0.png);" id="device8"></i>
                        <span style="text-decoration: line-through;" id="textdevice8">暖气</span>              </li>
                                  <li class="fl oneline  ">
                        <i style="background-image: url(../All-Image/house_device/broadband0.png);" id="device9"></i>
                        <span style="text-decoration: line-through;" id="textdevice9">宽带</span>              </li>
                                  <li class="fl oneline  ">
                        <i style="background-image: url(../All-Image/house_device/natural_gas0.png);" id="device9"></i>
                        <span style="text-decoration: line-through;" id="textdevice10">天然气</span>              </li>
                              </ul>
        
                  <div class="content__article__info3" id="desc">
                    <h3>房源描述</h3>
                    <div >
                      <sapn id="houseDescribe">一套优质的好房子</sapn>
                    </div>
                 </div>
        
                            
                </div>
        
                <div class="content__extend fr">
                  <!-- 右侧fixed卡片 -->
                  
                  <!-- 必看好房 -->
                            <div class="list-recommend" exposure-event_id="26151" exposure="true">
                              </div>
                          </div>
        
              </div>
            </div>
        
            
<!--评论--->

<div style="padding-top: 60px;width: 1150px;margin: 0 auto;" class="comment_list">
<h3 style="margin-bottom: 30px;
line-height: 33px;
font-size: 24px;
font-weight: 700;">评论列表</h3>
<hr>
    <div class="comment">
       <div class="imgdiv" id="commentuserimg1">
       <img class="imgcss" src="../All-Image/user/user_head_pic2.png" />
       </div>
       <div class="conmment_details">
          <div style="float:left;">
            <span class="comment_name" id="commentuser1">匿名 </span>     <span id="commenttime1">2021-10-1</span>
            
          </div>
          <div class="del">
           
          </div>
           <div class="comment_content" > <p id="comment1">用户未进行评论，系统默认好评</p>
          </div>
      </div>
     <div class="reply_list"  >   <!--style="display:none;"-->
       <div class="reply" >
          <span class="reply_name">匿名</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好 </span> 
          <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon " >    删除</i>
          </a>   
       </div>   
       <div class="reply">
          <span class="reply_name">匿名</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊 </span>   

          <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon" >    删除</i>
          </a>    
       </div>   
       <div class="reply">
          <span class="reply_name">郭富城</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊 </span>   
         <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon" >    删除</i>
          </a>   
       </div>   
       <div class="reply">
          <span class="reply_name">小白</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊 </span>  
          <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon" >    删除</i>
          </a>   
       </div>   

    </div>
        <div class="show_remain_reply">查看剩下的回复</div>
 <!--回复列表结束-->
 </div> 
  <hr>

<div class="comment">
       <div class="imgdiv">
          <img class="imgcss"  id="commentuserimg2"  src="../All-Image/user/user_head_pic1.png"/>
       </div>
       <div class="conmment_details">
          <div style="float:left;">
            <span class="comment_name" id="commentuser2">匿名 </span>     <span id="commenttime2">2022-10-2</span>
            
          </div>
          <div class="del">
           
          </div>
           <div class="comment_content" >  <p id="comment2">用户为进行评论，系统默认好评</p>

          </div>
      </div>
     <div class="reply_list"  >   <!--style="display:none;"-->
       <div class="reply" >
          <span class="reply_name">匿名</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好 </span> 
          <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon " >    删除</i>
          </a>   
       </div>   
       <div class="reply">
          <span class="reply_name">小白</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊 </span>   
          <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon" >    删除</i>
          </a>    
       </div>   
       <div class="reply">
          <span class="reply_name">小白</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊 </span>   
         <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon" >    删除</i>
          </a>   
       </div>   
       <div class="reply">
          <span class="reply_name">小白</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊 </span>  
          <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon" >    删除</i>
          </a>   
       </div>       
    </div>
     <div class="show_remain_reply">查看剩下的回复</div>
 <!--回复列表结束-->
 </div> 
  <hr>
<div class="comment">
       <div class="imgdiv">
          <img class="imgcss" id="commentuserimg3" src="../All-Image/user/user_head_pic8.png"/>
       </div>
       <div class="conmment_details">
          <div style="float:left;">
            <span class="comment_name" id="commentuser3">匿名 </span>     <span id="commenttime3">2022-10-2</span>
            
          </div>
          <div class="del">
           
          </div>
           <div class="comment_content" >  <p id="comment3">用户未进行评论，系统默认好评</p>
          </div>
      </div>
     <div class="reply_list"  >   <!--style="display:none;"-->
       <div class="reply" >
          <span class="reply_name">小白</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好 </span> 
          <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon " >    删除</i>
          </a>   
       </div>   
       <div class="reply">
          <span class="reply_name">小白</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊 </span>   
          <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon" >    删除</i>
          </a>    
       </div>   
       <div class="reply">
          <span class="reply_name">小白</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊 </span>   
         <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon" >    删除</i>
          </a>   
       </div>   
       <div class="reply">
          <span class="reply_name">小白</span>回复<span class="reply_name">小黑</span>：<span class="reply_content">你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊你好没啊 </span>  
          <a  data-id="1" class="del_reply"> 
              <i class="icon layui-icon" >    删除</i>
          </a>   
       </div>       
    </div>
     <div class="show_remain_reply">查看剩下的回复</div>
 <!--回复列表结束-->
 </div> 
  <hr>


 <div class="comment_add_or_last" >
          点击加载更多评论
 </div> 
 <hr>
</div>

<!---评论-->

            <!-- 推荐房源 -->
            <div class="content--recommend w1150">
        
              <!-- 推荐房源分割线 -->
              <p style="height: 1px;" id="recom"></p>
                    <!-- 推荐房源 -->
              <div class="bottom w1150" id="recommendList" data-el="recommend-module" data-source="">
              <div class="bottom__list">
          <p class="bottom__list--title">好房推荐</p>
          <div class="bottom__list--wrapper">
            
              <div class="bottom__list--item" data-el="recommend-item" data-house_code="XZ1663135494331957248" data-brand="200306001852" data-rank_id="0" data-t="rec_003" data-click_position="0" data-strategy_id="10000225" data-fb_expo_id="r1663378125273613598345287670" data-event_id="" data-event_action="rank_id=0" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">
                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1663135494331957248.html" target="_blank" id="recommendimg1">       
                <img alt="/zufang/XZ1663135494331957248.html" src="../All-Image/house_pic/house_pic11.png">
                
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1663135494331957248.html" target="_blank" id="recommend1">整租·奥体沁园 3室2厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                   <span id="recommendprice1">2700元/月</span>
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 南 / 115.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item" data-el="recommend-item" data-house_code="XZ1660227965285302272" data-brand="200306001852" data-rank_id="1" data-t="rec_003" data-click_position="1" data-strategy_id="10000225,10000226" data-fb_expo_id="r1663378125273613598345287671" data-event_id="" data-event_action="rank_id=1" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">
                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1660227965285302272.html" target="_blank" id="recommendimg2">
                
                <img alt="/zufang/XZ1660227965285302272.html" src="../All-Image/house_pic/house_pic12.png" data-el="lazy-img" class=" lazyloaded" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_FgCsErs7G.jpg!m_fill,w_250,h_182,l_fbk,o_auto">
                
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1660227965285302272.html" id="recommend2" target="_blank">整租·紫金奥邻花园 2室2厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    <span id="recommendprice2">2700元/月</span>
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 南 / 98.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item" data-el="recommend-item" data-house_code="XZ1649730739878494208" data-brand="200306001852" data-rank_id="2" data-t="rec_003" data-click_position="2" data-strategy_id="10000225,10000226" data-fb_expo_id="r1663378125273613598345287672" data-event_id="" data-event_action="rank_id=2" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">
                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1649730739878494208.html" target="_blank" id="recommendimg3">
                
                

                
                <img alt="/zufang/XZ1649730739878494208.html" src="../All-Image/house_pic/house_pic13.png" data-el="lazy-img" class=" lazyloaded" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_DtQ9hYGXy.jpg!m_fill,w_250,h_182,l_fbk,o_auto">
                
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1649730739878494208.html" id="recommend3" target="_blank">整租·奥体沁园 2室1厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    <span id="recommendprice3">2700元/月</span>
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 南 北 / 90.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item" data-el="recommend-item" data-house_code="XZ1666686505902407680" data-brand="200306001852" data-rank_id="3" data-t="rec_003" data-click_position="3" data-strategy_id="10000225" data-fb_expo_id="r1663378125273613598345287673" data-event_id="" data-event_action="rank_id=3" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">
                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1666686505902407680.html" target="_blank" id="recommendimg4">
                
                
                
                <img alt="/zufang/XZ1666686505902407680.html" src="../All-Image/house_pic/house_pic10.png" data-el="lazy-img" class=" lazyloaded" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_vLj5RIVbM.jpg!m_fill,w_250,h_182,l_fbk,o_auto">
                
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1666686505902407680.html" id="recommend4" target="_blank">整租·奥体沁园 3室2厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    <span id="recommendprice4">2700元/月</span>
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 南 / 128.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item" data-el="recommend-item" data-house_code="XZ1663135494331957248"
                data-brand="200306001852" data-rank_id="0" data-t="rec_003" data-click_position="0" data-strategy_id="10000225"
                data-fb_expo_id="r1663378125273613598345287670" data-event_id="" data-event_action="rank_id=0" data-ad_code=""
                data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">
                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1663135494331957248.html" target="_blank" id="recommendimg5">
              
                
              
                  <img alt="/zufang/XZ1663135494331957248.html" src="../All-Image/house_pic/house_pic23.png">
              
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1663135494331957248.html" id="recommend5" target="_blank">整租·奥体沁园 3室2厅</a>
              
                  </span>
                  <span class="bottom__list--item--hl fr">
                  <span id="recommendprice5">2700元/月</span>
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>

                    奥体中心 / 南 / 115.00㎡
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
              
                  </span>
                </p>
              </div>
            
              <div class="bottom__list--item" data-el="recommend-item" data-house_code="XZ1663135494331957248"
                data-brand="200306001852" data-rank_id="0" data-t="rec_003" data-click_position="0" data-strategy_id="10000225"
                data-fb_expo_id="r1663378125273613598345287670" data-event_id="" data-event_action="rank_id=0" data-ad_code=""
                data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">
                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1663135494331957248.html" target="_blank" id="recommendimg6">
              
                 
              
                  <img alt="/zufang/XZ1663135494331957248.html" src="../All-Image/house_pic/house_pic22.png">
              
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1663135494331957248.html" id="recommend6" target="_blank">整租·奥体沁园 3室2厅</a>
              
                  </span>
                  <span class="bottom__list--item--hl fr">
                    <span id="recommendprice6">2700元/月</span>
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>

                    奥体中心 / 南 / 115.00㎡
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
              
                  </span>

                </p>
              </div>
            
              <div class="bottom__list--item" data-el="recommend-item" data-house_code="XZ1624713010876514304" data-brand="200306001852" data-rank_id="6" data-t="rec_003" data-click_position="6" data-strategy_id="10000225,10000226" data-fb_expo_id="r1663378125273613598345287676" data-event_id="" data-event_action="rank_id=6" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">

                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1624713010876514304.html" target="_blank" id="recommendimg7">
                
                <img alt="/zufang/XZ1624713010876514304.html" src="../All-Image/house_pic/house_pic19.png" data-el="lazy-img" class=" lazyloaded" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_6bh1pqsUk.jpg!m_fill,w_250,h_182,l_fbk,o_auto">

                
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1624713010876514304.html" id="recommend7" target="_blank">整租·奥体沁园 2室2厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    <span id="recommendprice7">2700元/月</span>

                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 南 / 89.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item" data-el="recommend-item" data-house_code="XZ1639140749888978944" data-brand="200306001852" data-rank_id="7" data-t="rec_003" data-click_position="7" data-strategy_id="10000226" data-fb_expo_id="r1663378125273613598345287677" data-event_id="" data-event_action="rank_id=7" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">

                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1639140749888978944.html" target="_blank" id="recommendimg8">
                
                <img alt="/zufang/XZ1639140749888978944.html" src="../All-Image/house_pic/house_pic17.png" data-el="lazy-img" class=" lazyloaded" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_C1ME7xVXm.jpg!m_fill,w_250,h_182,l_fbk,o_auto">

                
                </a>
                <p class="bottom__list--item__des">
                  <span>

                    <a href="https://xz.zu.ke.com/zufang/XZ1639140749888978944.html" id="recommend8" target="_blank">整租·紫金奥邻花园 2室2厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    <span id="recommendprice8">2700元/月</span>

                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 南 / 94.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item bottom__list--hide" data-el="recommend-item" data-house_code="XZ1631860281552404480" data-brand="200306001852" data-rank_id="8" data-t="rec_003" data-click_position="8" data-strategy_id="10000226" data-fb_expo_id="r1663378125273613598345287678" data-event_id="" data-event_action="rank_id=8" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">

                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1631860281552404480.html" target="_blank" >
                
                <img alt="/zufang/XZ1631860281552404480.html" src="../All-Image/house_pic/house_pic13.png" data-el="lazy-img" class="lazyload" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_yHMy7Oneu.jpg!m_fill,w_250,h_182,l_fbk,o_auto">

                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1631860281552404480.html" target="_blank">整租·紫金奥邻花园 3室2厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    1900元/月
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 南 / 98.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>

                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item bottom__list--hide" data-el="recommend-item" data-house_code="XZ1665307236840243200" data-brand="200306001852" data-rank_id="9" data-t="rec_003" data-click_position="9" data-strategy_id="10000226" data-fb_expo_id="r1663378125273613598345287679" data-event_id="" data-event_action="rank_id=9" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">

                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1665307236840243200.html" target="_blank" id="">
                
                <img alt="/zufang/XZ1665307236840243200.html" src="../All-Image/house_pic/house_pic1.png" data-el="lazy-img" class="lazyload" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_S7QDTG3rA.jpg!m_fill,w_250,h_182,l_fbk,o_auto">

              
                
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1665307236840243200.html" target="_blank">整租·紫金奥邻花园 2室1厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    2000元/月
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 南 / 89.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item bottom__list--hide" data-el="recommend-item" data-house_code="XZ1651534574523514880" data-brand="200306001852" data-rank_id="10" data-t="rec_003" data-click_position="10" data-strategy_id="10000226" data-fb_expo_id="r16633781252736135983452876710" data-event_id="" data-event_action="rank_id=10" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">
                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1651534574523514880.html" target="_blank" id="recommendimg8">
                
                <img alt="/zufang/XZ1651534574523514880.html" src="../All-Image/house_pic/house_pic20.png" data-el="lazy-img" class="lazyload" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_9Tra3qZtM_1.jpg!m_fill,w_250,h_182,l_fbk,o_auto">

                
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1651534574523514880.html" target="_blank">整租·紫金奥邻花园 3室2厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    1988元/月
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 南 北 / 93.79㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item bottom__list--hide" data-el="recommend-item" data-house_code="XZ1665997984485081088" data-brand="200306001852" data-rank_id="11" data-t="rec_003" data-click_position="11" data-strategy_id="10000226" data-fb_expo_id="r16633781252736135983452876711" data-event_id="" data-event_action="rank_id=11" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">
                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1665997984485081088.html" target="_blank" id="recommendimg5">
                
                <img alt="/zufang/XZ1665997984485081088.html" src="../All-Image/house_pic/house_pic21.png" data-el="lazy-img" class="lazyload" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_Ea5UMcC16.jpg!m_fill,w_250,h_182,l_fbk,o_auto">
                
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1665997984485081088.html" target="_blank">整租·紫金奥邻花园 2室2厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    2200元/月
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 南 / 93.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item bottom__list--hide" data-el="recommend-item" data-house_code="XZ1634405806256422912" data-brand="200306001852" data-rank_id="12" data-t="rec_003" data-click_position="12" data-strategy_id="10000226" data-fb_expo_id="r16633781252736135983452876712" data-event_id="" data-event_action="rank_id=12" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">
                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1634405806256422912.html" target="_blank" id="recommendimg6">
                
                <img alt="/zufang/XZ1634405806256422912.html" src="../All-Image/house_pic/house_pic19.png" data-el="lazy-img" class="lazyload" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_4ByUMnuzG.jpg!m_fill,w_250,h_182,l_fbk,o_auto">
                
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1634405806256422912.html" target="_blank">整租·紫金奥邻花园 3室2厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    2000元/月
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 南 / 100.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item bottom__list--hide" data-el="recommend-item" data-house_code="XZ1661579942900531200" data-brand="200306001852" data-rank_id="13" data-t="rec_003" data-click_position="13" data-strategy_id="10000226" data-fb_expo_id="r16633781252736135983452876713" data-event_id="" data-event_action="rank_id=13" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">
                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1661579942900531200.html" target="_blank" id="">
                
                <img alt="/zufang/XZ1661579942900531200.html" src="../All-Image/house_pic/house_pic22.png" data-el="lazy-img" class="lazyload" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_d6ndqgW36.jpg!m_fill,w_250,h_182,l_fbk,o_auto">
                
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1661579942900531200.html" target="_blank">整租·奥体沁园 2室2厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    2100元/月
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 东南 / 88.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
            
              <div class="bottom__list--item bottom__list--hide" data-el="recommend-item" data-house_code="XZ1648567505641275392" data-brand="200306001852" data-rank_id="14" data-t="rec_003" data-click_position="14" data-strategy_id="10000226" data-fb_expo_id="r16633781252736135983452876714" data-event_id="" data-event_action="rank_id=14" data-ad_code="" data-ad_type="" data-bid_version="" data-distribution_type="203500000001" data-event_position="rank_id">
                <a class="bottom__list--item__link" href="https://xz.zu.ke.com/zufang/XZ1648567505641275392.html" target="_blank" id="">
                
                <img alt="/zufang/XZ1648567505641275392.html" src="../All-Image/house_pic/house_pic21.png" data-el="lazy-img" class="lazyload" data-src="https://ke-image.ljcdn.com/110000-inspection/pc1_xBMKxRjzt.jpg!m_fill,w_250,h_182,l_fbk,o_auto">
                
                </a>
                <p class="bottom__list--item__des">
                  <span>
                    <a href="https://xz.zu.ke.com/zufang/XZ1648567505641275392.html" target="_blank">整租·奥体沁园 2室1厅</a>
                    
                  </span>
                  <span class="bottom__list--item--hl fr">
                    2000元/月
                  </span>
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    奥体中心 / 东南 / 89.00㎡
                  </span> 
                </p>
                <p class="bottom__list--item__btm">
                  <span>
                    
                  </span> 
                </p>
              </div>
             
          </div>
          
          <div class="recommand__more--btn" data-el="more-recommend" data-event_id="26165"><a href="../ych/Classification.html">更多推荐房源</a></div>
          
        </div></div>
            </div>
        
        
           </div>
    <div class="log_buttom">
        <div class="log-logo">
            
        </div>
        <div  class="log-buttom-icon">
            <div class="glyphicon glyphicon-film" style=" color: white;width:50px;height: 50px;font-size: 50px;margin-top: 40px;margin-left: 70px;"></div>
            <div style="margin-left: 65px;color: white;font-size: 15px;font-weight: bold;margin-top: 10px;">极速找房</div>
        </div>
        <div class="log-buttom-icon" >
            <i class="layui-icon layui-icon-service" style="font-size: 56px;color:white;margin-left:150px;display: block;margin-top: 30px;"></i>
            <div style="margin-left: 150px;color: white;font-size: 15px;font-weight: bold;margin-top: -5px;">在线客户</div>
        </div>
        <div class="log-buttom-icon" >
            <i class="layui-icon layui-icon-date" style="font-size: 56px;color:white;margin-left:150px;display: block;margin-top: 30px;"></i>
            <div style="margin-left: 150px;color: white;font-size: 15px;font-weight: bold;margin-top: -5px;">在线预约</div>
        </div>
        <div class="log-buttom-icon" >
            <i class="layui-icon layui-icon-find-fill" style="font-size: 56px;color:white;margin-left:150px;display: block;margin-top: 30px;"></i>
            <div style="margin-left: 150px;color: white;font-size: 15px;font-weight: bold;margin-top: -5px;">地图找房</div>
        </div>
    </div>
    <div class="buttom_nav">
        <div class="buttom_nav_center">
            <div class="recommend-area-rent">
                <div class="title">
                    推荐区域租房
                </div>
                <div class="recommend-content">
                    <span class="">
                        <a href="">吴中</a>
                        <a href="">吴江</a>
                        <a href="">园区</a>
                        <a href="">太仓</a>
                        <a href="">姑苏区</a>
                        <a href="">常说</a>
                        <a href="">平江</a>
                        <a href="">张家港</a>
                        <a href="">高新区</a>
                        <a href="">沧浪</a>
                        <a href="">相城</a>
                        <a href="">昆山</a>
                        <a href="">金阊</a>
                        </span>
                </div>
            </div>
            <div  style="border-top: 1px solid #8b8d92;margin-top: 80px;height: 15px;"></div>
            <div class="recommend-subway-rent">
                <div class="title">
                    推荐地铁租房
                </div>
                <div class="recommend-content">
                    <span class="">
                        <a href="">1号线</a>
                        <a href="">2号线</a>
                        <a href="">3号线</a>
                        <a href="">4号线支线</a>
                        <a href="">4号线</a>
                        </span>
                </div>
            </div>
            <div  style="border-top: 1px solid #8b8d92;margin-top: 40px;height: 15px;"></div>
            <div class="Recommend-type-rent">
                <div class="title">
                    推荐类型租房
                </div>
                <div class="recommend-content">
                    <span>
                        <a href="">苏州合租</a>
                        <a href="">苏州整租</a>
                        <a href="">苏州公寓</a>
                        </span>
                </div>
            </div>
            <div  style="border-top: 1px solid #8b8d92;margin-top: 40px;height: 15px;"></div>
            <div id="about-suleju">
                <div class="title" style="float: left;width: 200px;height: 300px;">
                    <div style="width: 200px;">
                        关于苏乐居
                    </div>
                    <div class="recommend-content" style="width:100px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >伙伴登录</a>
                            <a href="" style="margin-top: 10px;display: block;">网站地图</a>
                            </span>
                    </div>
                </div>
                <div class="title" style="float: left;width: 200px;">
                    <div style="width: 200px;">
                        苏乐居合作公寓
                    </div>
                    <div class="recommend-content" style="width:140px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >青年汇</a>
                            <a href="" style="margin-top: 10px;display: block;">银桥公寓</a>
                            <a href="" style="margin-top: 10px;display: block;">爱家精品公寓</a>
                            </span>
                    </div>
                </div>
                <div class="title" style="float: left;width: 200px;">
                    <div style="width: 200px;">
                        意见回馈
                    </div>
                    <div class="recommend-content" style="width:100px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >mail:2308844@qq.com</a>
                            </span>
                    </div>
                </div>
                <div class="title" style="float: left;width: 200px;">
                    <div style="width: 200px;">
                        联系苏乐居
                    </div>
                    <div class="recommend-content" style="width:300px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >10106006</a>
                            <br>
                            <br>
                            <a href="">周一～周日 8:00～23:00</a>
                            </span>
                    </div>
                </div><br>
                <div id="max-buttom-info">
                    <div id="suleju-web-info">
                        <div style="width:300px;margin-left:-110px">
                            ©2015 上海万间信息技术有限公司
                        </div>  
                        <a href="" style="margin-right: 25px;">
                            隐私协议 
                        </a>
                        <a href="">服务协议</a>
                        <div style="width:300px;margin-left:30px;margin-right: 30px;">上海市浦东新区晨晖路88号 金蝶软件园</div>
                        <a href=""> 沪ICP备15004537号-2    </a>
                    </div>
                    <div id="suleju-web-info">
                        <div style="width: 25px;height: 23px;

                            margin-left: -130px;background-image: url(../ych/image/gongan.png);background-size: 100%;">

                        </div>
                        <a style="width:260px;margin-left:-100px">
                            沪公网安备31011502006937号  
                        </a>  
                        <div style="width:300px;margin-left:0px;">增值电信业务许可证：沪B2-20170251</div>
                        
                    </div>
                    
                </div>
                
            </div>
        </div> 
    </div>
    <form id="order_see_house" style="display: none;" >
      <input id="order_name" onblur="nameHide()" type="text" name="orderName" required lay-verify="required" placeholder="您的的姓名" autocomplete="off" class="layui-input" style="width:300px;margin-left:100px;margin-top:50px"> 
      <br>
      <input id="order_phone" onblur="phoneHide()" type="text" name="orderPhone" required lay-verify="required" placeholder="您的的电话号码" autocomplete="off" class="layui-input" style="width:300px;margin-left:100px"> 
      <br>
      <input id="order_date"  type="text" name="orderDate" class="layui-input"  placeholder="请选择看房时间" style="width:300px;margin-left:100px"> 
    </form>     
    <script>
      function nameHide(){
        var order_name = document.getElementById("order_name").value;
        if(order_name.length==""){
          layer.msg("姓名不能为空");
        }
      }
      function phoneHide(){
        var phoneValue = document.getElementById("inputPassword").value;
        var flag = checkphone(phoneValue);
        if(flag) {
            return true;
        } else {
            
            layer.msg("手机号码格式不正确")
            return false;
        }
    }
    function checkphone(strEmail) {      
        var emailReg = /^[1][345678][0-9]{9}$/;
        
        if ( emailReg.test(strEmail) ) {
            return true;
        }
        else {
            return false;
        }
    };
    layui.use('layer', function(){ //独立版的layer无需执行这一句
        var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
    
        //触发事件
        var active = {
            offset: function(othis){
                var type = othis.data('type')
                ,text = othis.text();
                let token = localStorage.getItem("token");

                let idkey = location.search;
                var house_id = idkey.split("=")[1];
                $.ajax({
                      type:"post",
                      url:"/gewu/house/getToken",
                      data:{"token":token,"houseId":house_id},
                      success:function(res){
                        if(res.code==500){
                                layer.msg("请先登录！",
                                {icon: 6,time:2000},
                                  function(){
                                      layer.closeAll();
                                      window.location.href="../ych/logpage.html"
                                  }); 
                        }
                        else{

                          layer.open({
                              type: 1,
                              title:"看房预约",
                              area:["500px","400px"]
                              ,offset: type
                              ,id: 'layerDemo'+type //防止重复弹出
                              ,content: $("#order_see_house")
                              ,btn: '关闭全部'
                              ,btnAlign: 'c' //按钮居中
                              ,shade: 0 //不显示遮罩
                              ,btn: ['提交', '取消']
                              ,yes: function(){  

                                  if(order_submit(res.msg)){
                                    send_message(res.content,res.code);
                                  }
                              }
                              ,btn2: function(index, layero){
                                  layer.closeAll();
                              }
                              ,cancel: function(){ 
                                  layer.closeAll();
                              }
                          });
                        }
                      }
                })
            }
        };
        $('#layerDemo .layui-btn').on('click', function(){
                var othis = $(this), method = othis.data('method');
                active[method] ? active[method].call(this, othis) : '';
        });
       
    });
    //推送消息给经纪人
    function send_message(userId,brokerId){
        let ws;
        let idkey = location.search;
        var house_id = idkey.split("=")[1];
        
        //检测浏览器是否支持webSocket
        if("WebSocket" in window){
            $.ajax({
              type:"post",
              url:"/gewu/orderhouse/sendBroker",
              data:{"brokerId":brokerId,"userId":userId,"houseId":house_id},
              success:function(res){

              }
            })
        }else{
            layer.msg("您的浏览器不支持webSocket！",
            {icon: 6,time:2000},
              function(){
                  layer.closeAll();
              }); 
        }
    
    }
    //提交预约房子信息
    function order_submit(formToke){
        
        //获取表单的值
        let order_date = $("#order_see_house").serialize();
        if(order_date=="orderName=&orderPhone=&orderDate="){
          layer.msg("请填写完整");
          return false;
        }
        else{

          let orderDate = decodeURIComponent(order_date,true);

          let order_see_house = document.getElementById("order_see_house");
          order_see_house.style.display="none";
          
          let token = localStorage.getItem("token");//拿到userId
          let idkey = location.search;
          var house_id = idkey.split("=")[1];//拿到房子id

          let flag=true;
          $.ajax({
              type:"post",
              url:"/gewu/orderhouse/submit",
              data:{"formToken":formToke,"houseId":house_id,"orderDate":orderDate},//这里有一个token，到时候放进去
              headers:{"userToken":token},
              async:false,
              success:function(res){
                
                layer.msg(res.msg, 
                {icon: 6,time:2000},
                function(){
                    layer.closeAll();
                }); 
                if(res.code== 500){
                  flag = false;
                }
              }
          })
        
          return flag;
      }
    }
    //日期
    layui.use('laydate', function(){
    var laydate = layui.laydate;
    //执行一个laydate实例
        laydate.render({
                elem: '#order_date' //指定元素
        });
    });

//收藏房源
    function collect_house(){
      let token = localStorage.getItem("token");
      let idkey = location.search;
      var house_id = idkey.split("=")[1];
      $.ajax({
        type:"post",
        url:"/gewu/collect/house",
        data:{"houseId":house_id},
        headers:{"token":token},
        success:function(res){
            let collection = document.getElementById("collection");
            if(res.code ==200){
              collection.style.backgroundColor = "#849aae";
              collection.innerText="已收藏";
            }
            else if(res.code == 500){
                collection.style.backgroundColor = "#3072f6";
                collection.innerText = "收藏房源";
              }
            else if(res.code == 501){
                alert("还没有登录呢");
            }
          }
        })
      }

      $("#cen-nav").ready(function () {
          let token = localStorage.getItem("token");
          let idkey = location.search;
          var house_id = idkey.split("=")[1];
          $.ajax({
            type: "post",
            url: "/gewu/collect/have",
            data: { "houseId": house_id },
            headers: { "token": token },
            success: function (res) {
              let collection = document.getElementById("collection");
              if (res.code == 200) {
                collection.style.backgroundColor = "#849aae";
                collection.innerText = "已收藏";
              }
              else if(res.code == 500){
                collection.style.backgroundColor = "#3072f6";
                collection.innerText = "收藏房源";
              }
              else if(res.code == 501){
              }


            }
          })
          $.ajax({
          type: "get",
          url: "/gewu/housedetail/houseDetail",
          data: { "id": house_id },
          success: function (res) {
          console.log(res.content);
            //  轮播图
            let imgadress = "../All-Image/house_pic/"
            for(var i=0;i< res.content.housepics.length;i++){
            document.getElementsByTagName("img")[4+i].src = imgadress + res.content.housepics[i];
          }

          // 评论用户头像
            for (var j = 0; j < res.content.commentUsers.length && j < 3; j++) {
              var arr = res.content.commentUsers[j].headPicAddress.split("=");
              var userpic;
              if (arr.length == 1) {
                userpic = arr[0];
              }
              else {
                userpic = arr[1];
              }
            }

            //经纪人头像
            var arr2 = res.content.brokerInfo.brokerPic.split("=");
            var brokerpic;
            if (arr2.length == 1) {
              brokerpic = arr2[0];
            }
            else {
              brokerpic = arr2[1];
            }
            document.getElementById("brokerpic").style.backgroundImage = "url(../All-Image/user/" + brokerpic + ")";

            //家具设备device textdevice
            if ("洗衣机".includes(res.content.devices)) {

              document.getElementById("device1").style.backgroundImage = "url(../All-Image/house_device/washmachine.png)";
              document.getElementById("textdevice1").style.textDecoration = "none";
            }
            if ("空调".includes(res.content.devices)) {

              document.getElementById("device2").style.backgroundImage = "url(../All-Image/house_device/air-conditioning.png)";
              document.getElementById("textdevice2").style.textDecoration = "none";
            }
            if ("衣柜".includes(res.content.devices)) {

              document.getElementById("device3").style.backgroundImage = "url(../All-Image/house_device/armoire.png)";
              document.getElementById("textdevice3").style.textDecoration = "none";
            }
            if ("电视".includes(res.content.devices)) {

              document.getElementById("device4").style.backgroundImage = "url(../All-Image/house_device/television.png)";
              document.getElementById("textdevice4").style.textDecoration = "none";
            }
            if ("冰箱".includes(res.content.devices)) {
              document.getElementById("device5").style.backgroundImage = "url(../All-Image/house_device/fridge.png)";
              document.getElementById("textdevice5").style.textDecoration = "none";
            }
            if ("热水器".includes(res.content.devices)) {

              document.getElementById("device6").style.backgroundImage = "url(../All-Image/house_device/water_heater.png)";
              document.getElementById("textdevice6").style.textDecoration = "none";
            }
            if ("床".includes(res.content.devices)) {

              document.getElementById("device7").style.backgroundImage = "url(../All-Image/house_device/bed.png)";
              document.getElementById("textdevice7").style.textDecoration = "none";
            }
            if ("暖气".includes(res.content.devices)) {

              document.getElementById("device8").style.backgroundImage = "url(../All-Image/house_device/heating.png)";
              document.getElementById("textdevice8").style.textDecoration = "none";
            }
            if ("宽带".includes(res.content.devices)) {

              document.getElementById("device9").style.backgroundImage = "url(../All-Image/house_device/broadband.png)";
              document.getElementById("textdevice9").style.textDecoration = "none";
            }
            if ("天然气".includes(res.content.devices)) {

              document.getElementById("device10").style.backgroundImage = "url(../All-Image/house_device/natural_gas.png)";
              document.getElementById("textdevice10").style.textDecoration = "none";
            }


            // 房子标题    
            document.getElementById("house_title").innerHTML = res.content.houseInfor.rentType + "·" + res.content.houseInfor.community + " " + res.content.houseInfor.houseType + " " + res.content.houseInfor.direction;
            //租金
            document.getElementById("rentPrice").innerHTML = res.content.houseInfor.rentPrice;
            //租赁方式
            document.getElementById("rentType").innerHTML = res.content.houseInfor.rentType;
            //房屋类型
            document.getElementById("housetype").innerHTML = res.content.houseInfor.houseType + " " + res.content.houseInfor.squareMeter;
            // 朝向楼层：
            document.getElementById("direction").innerHTML = res.content.houseInfor.direction + " " + res.content.houseInfor.floor;

            // < !--房源基本信息 --> 
            //  面积
            document.getElementById("squareMeter").innerHTML = res.content.houseInfor.squareMeter;
            //  朝向
            document.getElementById("basedirection").innerHTML = res.content.houseInfor.direction;
            //  维护
            document.getElementById("maintain").innerHTML = res.content.houseBaseInfor.maintain;
            //  入住
            document.getElementById("intoLive").innerHTML = res.content.houseBaseInfor.intoLive;
            // 楼层
            document.getElementById("floor").innerHTML = res.content.houseInfor.floor;
            // 电梯
            document.getElementById("elevator").innerHTML = res.content.houseInfor.elevator;
            // 车位
            document.getElementById("parkingSpace").innerHTML = res.content.houseBaseInfor.parkingSpace;
            // 用电
            document.getElementById("useElectricity").innerHTML = res.content.houseBaseInfor.useElectricity;
            // 用水
            document.getElementById("useWater").innerHTML = res.content.houseBaseInfor.useWater;
            // 燃气
            document.getElementById("gas").innerHTML = res.content.houseBaseInfor.gas;
            // 租期
            document.getElementById("rentDate").innerHTML = res.content.houseBaseInfor.rentDate;
            // 看房
            document.getElementById("lookHouse").innerHTML = res.content.houseBaseInfor.lookHouse;
            //房源描述
            document.getElementById("houseDescribe").innerHTML = res.content.houseInfor.houseDescribe;
            // 经纪人 
            document.getElementById("brokername").innerHTML = res.content.brokerInfo.brokerName;


            // 评论
            // 评论内容
            for (var k = 1; k <= res.content.commentUsers.length && k <= 3; k++) {
              //评论内容
              document.getElementById("comment" + k).innerHTML = res.content.comments[k - 1].content;
              //评论用户
              document.getElementById("commentuser" + k).innerHTML = res.content.commentUsers[k - 1].username;
              //  评论时间
              document.getElementById("commenttime" + k).innerHTML = res.content.comments[k - 1].commentDate.substring(0, 10);

            }
            //推荐房子recommend1
            for (var l = 1; l <= 8 && l <= res.content.recommends.length; l++) {
              document.getElementById("recommend" + l).innerHTML = res.content.recommends[l - 1].community + "·" + res.content.recommends[l - 1].houseType;
              document.getElementById("recommendprice" + l).innerHTML = res.content.recommends[l - 1].rentPrice + "元/月";

            }  
          
                                    
            }
          })
      });
      //登录注册显示用户名
      $(function(){
        let token = localStorage.getItem("token");
        if(token != null){
            $.ajax({
                type:"get",
                url:"/gewu/userLog/isLog",
                headers:{"token":token},
                success:function(res){   
                    if(res.code==200){
                        let username_pic = document.getElementById("username-pic");
                        let husername = document.getElementById("husername");
                        husername.innerText = res.content.username;
                        username_pic.style.display="block";
                    }
                }
            })
        }
        else{
                let log_register = document.getElementById("log-register");
                log_register.style.display="block";
            }
        })

        function release(){
            let token = localStorage.getItem("token");
            if(token != null){
                window.location = "upload-house.html";
            }
            else{
                layer.msg('请先登录！', {icon: 6,anim:0});   
                setTimeout(function(){window.location.href='logpage.html';},1000);
 
            }
        }
        function top_exit(){   
            localStorage.removeItem("token");
            window.location.href = "frontpage.html"
        }
    </script>
   
 
    
    
</body>
</html>
